<template>
  <div id="app" class="wrapper-first">
    <header>
      <div class="menu">
        <div class="menu-left">
          <ul v-for="(item,index) in items" :key="index">
            <li><a>{{ item }}</a></li>
          </ul>
        </div>
        <div class="menu-right">
          <ul>
            <li><a onclick="location.href='login.html'">登录</a></li>
            <li><a>注册</a></li>
            <li><a>消息通知</a></li>
          </ul>
          <div class="cart" id="cart">
            <i class="fa fa-shopping-cart"></i>购物车（0）
            <!-- 隐藏层 -->
            <div class="cart-box" id="cartBox">购物车中还没有商品，赶紧选购吧！</div>
          </div>
        </div>
      </div>
    </header>
  </div>
</template>

<script>
export default {
  name:"app",
  data() {
    return {
      items:["小米商城","MIUI","IOT","云服务","金融","有品","小爱开放平台","资质证照","协议规则","下载app","Select Location"]
    }
  }
}
</script>
<style>
@import url('../assets/css/base.css');
</style>